<!--suppress ALL -->
<template>
<div class="wrap">
    <div class="main">
        <div class="top" >
            <span class="span">
                <h2>
                <a @click="openHomePage" >首页</a>
                >
                <a @click="openParnterCenterPage" >伙伴中心</a>
                >
                <a>企业详情</a>
                </h2>
            </span>
        </div>
        <div class="middle">
            <el-card class="card_box1">
                <el-row class="el-row-img">
                    <el-col :span="8">
                        <img class="img" src="../../assets/energy.jpg" />
                    </el-col>
                    <el-col :span="16">
                        <span class="product_name">{{items[$route.query.id].title}}</span>
                        <el-row class="title_base_desc">
                            <div class="base_desc">
                                {{items[$route.query.id].desc}}
                            </div>
                        </el-row>
                    </el-col>
                </el-row>

            </el-card>
            <el-card class="card_box2">
                <h3 class="title_class">企业介绍</h3>
                <el-divider></el-divider>
                <div class="detail_desc">
                    {{items[$route.query.id].detail}}
                </div>
            </el-card>
            <el-card class="card_box3">
                <h2 class="title_class">联系方式</h2>
                <el-divider></el-divider>
                <!-- <el-row>
                    <div class="blank_class"></div>
                </el-row> -->
                <el-row>
                    <el-col :span="2">联系人 :</el-col>
                    <el-col :span="8">
                      <span>张三</span>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="2">联系电话 :</el-col>
                    <el-col :span="8">0771-123456</el-col>
                </el-row>
                <el-row>
                    <el-col :span="2">联系地址 :</el-col>
                    <el-col :span="8">南宁市五象新区飞云路6号</el-col>
                </el-row>
            </el-card>
        </div>
    </div>
</div>
</template>

<script>
    export default {
        data() {
            return {
                item:'',
                items:[
                    {'id':'1','imageUrl':'../../assets/inspur.jpg','title':'浪潮云信息技术公司','desc':'经营范围包括云计算、工业互联网、信息、网络科技专业领域内从事技术开发、技术咨询、技术转让、技术服务；计算机系统集成；网络工程；计算机软硬件的开发、技术服务、销售；互联网零售；增值电信业务','detail':'浪潮云信息技术股份公司成立于2015年03月09日，注册地位于山东省济南市高新区浪潮路1036号浪潮科技园S01号楼，法定代表人为肖雪。经营范围包括云计算、工业互联网、信息、网络科技专业领域内从事技术开发、技术咨询、技术转让、技术服务；计算机系统集成；网络工程；计算机软硬件的开发、技术服务、销售；互联网零售；增值电信业务。'},
                    {'id':'2','title':'广西广投能源集团有限公司','desc':'公司经营范围包括：对能源投资及管理；水电资源和火电资源、风电资源的开发和经营、技术咨询；天然气管道、天然气母站及子站的投资管理；清洁能源项目及分布式能源、冷热电三联供项目的投资、建设、运营、维护及技术开发、技术推广、技术服务、技术转让、技术咨询','detail':'广西广投能源集团有限公司于2003年07月29日成立。法定代表人唐少瀛，公司经营范围包括：对能源投资及管理；水电资源和火电资源、风电资源的开发和经营、技术咨询；天然气管道、天然气母站及子站的投资管理；清洁能源项目及分布式能源、冷热电三联供项目的投资、建设、运营、维护及技术开发、技术推广、技术服务、技术转让、技术咨询；加气站、集中式快速充电站、接收站、码头的投资、建设、运营、维护；加油站、加氢站、石油化工产业项目、非常规油气及相关产业的投资、维护；道路普通货物运输；粉煤灰综合利用和开发；电力检修；国内贸易；国际贸易；贵金属销售；环境卫生管理；以下项目仅限分支机构使用：氧化铝、电解铝及铝加工产品的生产、销售和研究开发等'},
                    {'id':'3','title':'广西南南铝加工有限公司','desc':'主要产品包括具有高附加值的铝合金铸造板块材料、大型挤压型材、热轧中厚板和冷轧卷带材等大规格高性能铝合金产品。满足交通运输业、工业制造业、建筑业等各个领域对高品质、高性能铝合金材料的市场需求','detail':'广西南南铝加工有限公司位于中国“绿城”——南宁江南区工业园区的铝加工园内，由南宁市产业投资有限责任公司和南南铝业股份有限公司共同出资建设而成的现代化铝加工大型国有企业。公司依托广西重大项目工程——“20万吨大规格高性能铝合金板带型材项目”，投资近60亿元，通过引进世界先进的大型生产设备及技术，在南宁形成一个大型现代化铝合金材料生产加工基地，可生产1系至8系的各种优质铝合金产品。主要产品包括具有高附加值的铝合金铸造板块材料、大型挤压型材、热轧中厚板和冷轧卷带材等大规格高性能铝合金产品。满足交通运输业、工业制造业、建筑业等各个领域对高品质、高性能铝合金材料的市场需求'},
                ]
            };
        },
        methods: {
            openHomePage() {
                this.$router.push({ name: "home" });
            },
            openParnterCenterPage() {
                this.$router.push({ name: "partner2" });
            }
        }
    }
</script>

<style lang="less" scoped>
    .wrap{
        background-color: #F4F5F9;
        .main{
            width: 960px;
            // height: 600px;
            height: 100%;
            background-color: #F4F5F9;
            margin: 0 auto;
            .top{
                display: table-cell;
                width: 960px;
                height: 58px;
                background-color: #F4F5F9;
                .span{
                    position: relative;
                    top: 50%;
                    transform: translateY(-50%);
                    padding-left: 50px;
                }
            }
            .middle{
                .card_box1{
                    height: 150px;
                    margin: 20px 0;
                    .img{
                        width: 300px;
                        height: 120px;
                    }
                    .product_name{
                        padding-top: 40px;
                        font-size: 20px;
                        font-weight: 600;
                        text-align: left;
                        color: #252b3a;
                        line-height: 26px;
                    }
                    .base_desc{
                        width: 560px;
                        font-size: 14px;
                        font-weight: 400;
                        line-height: 15px;
                        color: rgba(153,153,153,1);                       
                        // margin-top: 4px;
                        // font-size: 12px;
                        // color: #a0a2a8;
                        // line-height: 18px;
                    }
                    .title_base_desc{
                        padding: 5px 10px 0 0;
                    }
                    .el-row-count{
                        /*padding-top: 15px;*/
                    }
                    .el-row{
                        padding-bottom: 10px;
                        height: 50px;
                        margin: 0 auto;
                    }
                    .v-align{
                        margin: 0 auto;
                        width: 80px;
                        height: 32px;
                        line-height: 32px;
                        /*text-align: center;*/
                        /*border: 1px solid #ddd;*/
                    }
                }
                .card_box2{
                    height: 400px;
                    margin: 20px 0;
                    .img{
                        width: 400px;
                        height: 300px;
                    }
                }
                .card_box3{
                    height: 250px;
                    margin: 20px 0;
                    .img{
                        width: 400px;
                        height: 300px;
                    }
                    .el-row{
                        padding: 15px 0;
                    }
                }
                .title_class{
                    font-size: 18px;
                    font-weight: 600;
                    text-align: left;
                    color: #252b3a;
                    line-height: 22px;
                }
                .detail_desc{
                    font-size: 14px;
                    color: #333;
                    font-family: Microsoft YaHei;
                    line-height: 1.5;
                    // font-size: 14px;
                    // line-height: 1.5;
                    // color: #6F7479;
                }
            }
        }
    }
</style>
